<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" >
    <meta name="author" content="xiaoming">
    <link rel="icon" href="image/th.jpeg">

    <link rel="stylesheet" href="index.css"/>
    <title>我是标题文字</title>
</head>
<body>

hello world!

<img id="s_lg_img" src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" width="270" height="129">


<div style="color: red; background: green;font-size: 24px;border:5px solid #000;margin: 10px 200px 20px 10px;padding: 5px 20px">

    文字

</div>

<div style="color: red; background: green;font-size: 24px;border:5px solid #000;margin: 10px 200px 20px 10px;padding: 5px 20px">

    文字

</div>



<style>

    li{

        color: red;
    }

    .biankuang{

        border: 1px solid #000;
    }

    #beijing{

        background: orange;
    }

    [dazi]{

        font-size:24px;
    }

    ol li{

        color: blue;
    }

    ol>li{

        background: orange;
    }

    [id="1"]+li{

        color: green;
    }


    .lianjie:hover{

        color: red;
    }

    #shensuotiao{

        background-color: red;
        height: 50px;
        width: 100px;
        animation:myani 1s infinite normal;
    }

    @keyframes myani {

        from{ width: 0}
        to{
            width: 100px;
        }
    }

</style>


<ol>

    <li dazi="24" class="biankuang">列表项</li>
    <li class="biankuang">列表项</li>
    <li id="beijing">列表项</li>
    <li dazi="24">列表项</li>
    <li>列表项</li>

</ol>



<a class="lianjie">这是一个链接</a>
<li>外部的列表项</li>
<ol>
    <li>子层的列表项</li>
    <li>子层的列表项</li>
    <ul>
        <li id="1">后代的列表项</li>
        <li>后代的列表项</li>
        <li>后代的列表项</li>
        <li>后代的列表项</li>
    </ul>

</ol>

<div id="shensuotiao"></div>


<h1>大标题</h1>


<h1 onclick="alert('hi!')">大标题</h1>


<script>

    alert("hello!")
</script>


<h1 id="dabiaoti">大标题</h1>



<input id="shuru1" style="width: 40px"/>

<span>+</span>
<input id="shuru2" style="width: 40px"/>
<span>=</span>
<span id="jieguo">?</span>
<button onclick="qiuhe()">计算</button>


<div id="yuan" onclick="qiehuan()" style="background: red;width:100px;height: 100px;border-radius: 50px"></div>



<button id="kaishi" onclick='kaishihanshu()'>开始</button>

<div id="liebiao"> </div>
<button id="jici" onclick="jicihanshu()">计次</button>



<div id="deng" style="background: red;width:100px;height: 100px;border-radius: 50px"></div>

<div id="dom" style='border: 1px solid #F00'> hello world!</div>




<script src="http_code.jquery.com_jquery-2.0.0.js"></script>
<script src="index.js"></script>



</body>


</html>